<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>我的订单</title>
    <link rel="stylesheet" href="css/myOrder.css">
</head>
<body>
<header class="header">
    <div class="container20">
        <h1><a href="javascript:;">×</a>我的优惠券</h1>
    </div>
</header>
<section>
    <ul class="container20">
        <li><a href="javascript:;">全部</a></li>
        <li><a href="javascript:;" class="active">待付款</a></li>
        <li><a href="javascript:;">待发货</a></li>
        <li><a href="javascript:;">待收货</a></li>
        <li><a href="javascript:;">待评价</a></li>
    </ul>
    <div class="order">
        <div class="container20">
            <div class="top clearfix">
                <div class="fl">20190622658</div>
                <div class="fr red">待付款</div>
            </div>
            <div class="main clearfix">
                <div class="box">
                    <div class="l"></div>
                    <div class="c">
                        <p>丹紫多肽肌秘精华液丹紫多肽肌秘精华液丹紫</p>
                        <p class="red">&yen;1080.00</p>
                    </div>
                    <div class="r">×3</div>
                </div>
                <p class="fr">共3件商品  需付款：<b>&yen;19440.00</b></p>
            </div>
            <div class="bottom">
                <a href="javascript:;" class="fr red">去付款</a>
                <a href="javascript:;" class="fr ">取消订单</a>
            </div>
        </div>
    </div>
    <div class="order">
        <div class="container20">
            <div class="top clearfix">
                <div class="fl">20190622658</div>
                <div class="fr">待发货</div>
            </div>
            <div class="main clearfix">
                <div class="box">
                    <div class="l"></div>
                    <div class="c">
                        <p>丹紫多肽肌秘精华液丹紫多肽肌秘精华液丹紫</p>
                        <p class="red">&yen;1080.00</p>
                    </div>
                    <div class="r">×3</div>
                </div>
                <p class="fr">共3件商品  需付款：<b>&yen;19440.00</b></p>
            </div>
            <div class="bottom">
                <a href="javascript:;" class="fr">查看详情</a>
            </div>
        </div>
    </div>
    <div class="order">
        <div class="container20">
            <div class="top clearfix">
                <div class="fl">20190622658</div>
                <div class="fr">待收货</div>
            </div>
            <div class="main clearfix">
                <div class="box">
                    <div class="l"></div>
                    <div class="c">
                        <p>丹紫多肽肌秘精华液丹紫多肽肌秘精华液丹紫</p>
                        <p class="red">&yen;1080.00</p>
                    </div>
                    <div class="r">×3</div>
                </div>
                <p class="fr">共3件商品  需付款：<b>&yen;19440.00</b></p>
            </div>
            <div class="bottom">
                <a href="javascript:;" class="fr red">确认收货</a>
                <a href="javascript:;" class="fr">查看物流</a>
            </div>
        </div>
    </div>
    <div class="order">
        <div class="container20">
            <div class="top clearfix">
                <div class="fl">20190622658</div>
                <img src="images/order/complete.png" alt="已完成">
            </div>
            <div class="main clearfix">
                <div class="box">
                    <div class="l"></div>
                    <div class="c">
                        <p>丹紫多肽肌秘精华液丹紫多肽肌秘精华液丹紫</p>
                        <p class="red">&yen;1080.00</p>
                    </div>
                    <div class="r">×3</div>
                </div>
                <p class="fr">共3件商品  需付款：<b>&yen;19440.00</b></p>
            </div>
            <div class="bottom">
                <a href="javascript:;" class="fr red">去评价</a>
                <a href="javascript:;" class="fr">再来一单</a>
            </div>
        </div>
    </div>
</section>
</body>
</html>